<template>
    <div>
        <mt-navbar v-model="selected">
  <mt-tab-item id="1">
   <img src="/001.png" slot="icon" alt="">
      </mt-tab-item>
  <mt-tab-item id="2">
      <img src="../assets/004.png" slot="icon" alt="">
  </mt-tab-item>
  <mt-tab-item id="3">
      <img src="../assets/007.png" slot="icon" alt="">
  </mt-tab-item>
  <mt-tab-item id="4">
      <img src="../assets/025.png" slot="icon" alt="">
  </mt-tab-item>
</mt-navbar>

<mt-tab-container v-model="selected">
    <mt-tab-container-item id="1">1</mt-tab-container-item>
    <mt-tab-container-item id="2">2</mt-tab-container-item>
    <mt-tab-container-item id="3">3</mt-tab-container-item>
    <mt-tab-container-item id="4">4</mt-tab-container-item>
</mt-tab-container>
    </div>
</template>

<script>
export default {
    data() {
        return {
            selected:1
        }
    },
}
</script>